body {
    margin: 0px;
    
}

/* 上方样式 */
/* 压缩用户头像大小*/
#imgLogo1 {
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
}
#imgLogo2 {
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
}
#imgLogo4 {
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
}

/* 间距 */
/* 头像用 */
.boxx{
    position: absolute;
    opacity: 0;
}

/* 返回主页用 */
.jg {
    width: 20%;
    margin: 8px 1rem 8px 8px;
}


/* 搜索框用 */
.jg2 {
    width: 40%;
}

/* div居中 */
.main {
    text-align: center;
    /*让div内部文字居中*/
    background-color: #fff;



}

/* spen鼠标样式 */
.sb {
    cursor: pointer;
}


/* 使div在同一条展示 */
.menus {
    display: flex;
    height: 10vh;
    width: 100vw;
    /* 居中对齐 */
    justify-content: center;

    /* 水平对齐 */
    align-items: center;

    background-color: #fff;
}

/* 分散 */
.fs {
    display: flex;
    justify-content: space-between;

}

/* 限制登录大小 */
.dx {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;

}

/* 中间样式 */
.dys {
    width: 100vw;
    height: 90vh;
    background-color: #f6f6f6;

    /* 居中对齐 */
    justify-content: center;
}


/* 图片大小 */
.tp {
    width: 100vw;
    height: 30vh;
    display: flex;
    padding: 1rem 15vw 0 15vw;
    background-image: none;


}

/*中间内容 */
.zjnr {
    display: flex;


}

.nrtp {
    width: 5rem;
    height: 5rem;
    margin: 1rem;
}

.zymc {

    font-size: 2rem;
}

/* 边框 */
.bk {
    border: #dab5b5 1px solid;
    padding: 0.5rem;
}

.menu {
    display: flex;

    width: 70vw;
    height: 20vh;
    margin: 0vh 15vw 0 15vw;
    background-color: #fff;

    justify-content: space-between;
    /* 水平对齐 */
    align-items: center;


}


.pl {


    width: 38vw;
    height: 33vh;
    margin: 3vh 0vw 0 15vw;
    background-color: #fff;

    justify-content: space-between;

}

.pll {
    display: flex;

    width: 37vw;
    height: 5vh;
    padding: 0rem 3rem 0rem 3vw;
    background-color: #fff;
    justify-content: space-between;


}
.pll1 {
    display: flex;

    width: 37vw;
    height: 8vh;
    padding: 0rem 3rem 0rem 3vw;
    background-color: #fff;
    justify-content: space-between;


}

.s{
    display: flex;
    background-color: #f6f6f6;
    padding: 0 0 1rem 0;
}

.pl1 {
    display: flex;

    width: 37vw;
    height: 5vh;
    padding: 1rem 3rem 0rem 3vw;
    background-color: #fff;
    justify-content: flex-end;
}


.zy {
    margin: 1.2rem 0rem;
    font-size: 0.8rem;
}

.yhxi {
    border: #dab5b5 1px solid;
}

.ps {


    width: 31vw;
    height: 30vh;
    margin: 3vh 15vw 0 3rem;
    background-color: #fff;

    justify-content: space-between;

}

.fb{
    padding: 1rem;
    width: 100%;
}

.ps1 {
    display: flex;
width: 100%;
    height: 5vh;
    margin: 3vh 0vw 0 0rem;
    background-color: #fff;
    justify-content: space-between;
}

.zbj{
    padding: 0 0 0 2rem;
}

.ybj{
    padding: 0 2rem 0 0;
}



/* 底部 */
.db {


    width: 100%;
    height: 10vh;
    padding: 0rem 3rem 0rem 3vw;
    background-color: #474854;
    text-align: center;


}
